<template>
  <navigator :title="modelValue.title" :url="'/pages/news/detail?t_content_pk=' + modelValue.t_content_pk" class="list">
    <view class="list-title">{{ modelValue.title }}</view>
    <view class="list-time">{{ modelValue.publish_time.substring(0,10) }}</view>
  </navigator>
</template>

<script>
export default {
  props: {
    modelValue: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style scoped>
    .list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 60rpx;
        height: 60rpx
    }

    .list-time {
        display: inline-block;
        color: #999;
    }
	
	/* #ifdef MP */
	.list-time{
		width: 300rpx;
	}
	/* #ifend */
	
	
    .list-title {
        overflow: hidden;  
        text-overflow: ellipsis;
        white-space: nowrap;   
        width: 100%;
        margin-right: 10rpx;
    }

    .list-title:hover {
        color: var(--base-color);
    }
</style>